<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Large Files Downloading Service</title>
<link rel="stylesheet"
	th:href="@{${APP_ASSETS_HOME} + '/css/bootstrap/3.3.5/css/bootstrap.min.css'}" />
<link rel="stylesheet"
	th:href="@{${APP_ASSETS_HOME} + '/css/bootstrap/3.3.5/css/bootstrap-theme.min.css'}" />
<link rel="stylesheet"
	th:href="@{${APP_ASSETS_HOME} + '/css/theme.css'}" />
<link rel="icon" type="image/png"
	th:href="@{${APP_ASSETS_HOME} + '/images/favicon.ico'}" />
</head>

<body role="document">
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">Project name</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="/">Home</a></li>
					<li><a href="#about">About</a></li>
					<li><a href="#contact">Contact</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-haspopup="true"
						aria-expanded="false">Dropdown <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
							<li role="separator" class="divider"></li>
							<li class="dropdown-header">Nav header</li>
							<li><a href="#">Separated link</a></li>
							<li><a href="#">One more separated link</a></li>
						</ul></li>
				</ul>
				<ul id="appLogoutUl" class="nav navbar-nav navbar-right">
					<li><a id="appLogoutButton" href="/logout">Logout</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<div class="modal fade" id="appModalDiv" tabindex="-1" role="dialog"
		aria-labelledby="appModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="appModalTitle">System Notification</h4>
				</div>
				<div class="modal-body" id="appModalBody">...</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
		<input id="appLocaleHidden" type="hidden" value="en"
			th:value="${locale}" />
	</div>
	
	<div class="container" layout:fragment="content"></div>

	<!--=====================================================================-->
	<!-- vendor scripts -->
	<script
		th:src="@{${APP_ASSETS_HOME} + '/css/bootstrap/3.3.5/js/bootstrap.min.js'}"></script>
	
	<!--=====================================================================-->
	<!-- application scripts -->
</body>

</html>
